import React, { useState, useEffect } from 'react';
import './index.css';
import {Image} from "antd";



function Yunpian(props) {

	const {  } = props;

	return (
		<div id='yunpian' className='section'>
			<div id='yunpian-register' className='operate-section'>
				<h3>【云片注册】 打开<a href="https://www.yunpian.com/entry/register" target='_blank'>云片注册页面</a>(https://www.yunpian.com/entry/register)</h3>
				<p className='mark'>如已经注册过云片账号,可以直接进入<a href="https://www.yunpian.com/entry" target='_blank'>云片登录页面</a>(https://www.yunpian.com/entry)</p>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_1.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_2.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_3.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_4.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_5.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_6.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_7.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_8.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_9.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_10.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_11.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_12.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_13.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_14.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_15.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_16.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_17.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_18.png' /></div>
				<p className='mark'>云片后台菜单 国内短信->短信记录 中可查询短信发送状态,如遇发送失败可致电云片人工客服 4000892617</p>
			</div>
			<div id='yunpian-params' className='param-section'>
				<h3>【云片参数】</h3>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_19.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_20.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_21.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_22.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_23.png' /></div>
				<div className='image-wrapper'><Image src='./images/yunpian/yunpian_24.png' /></div>
			</div>
		</div>
	);
}

export default Yunpian;
